<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/moveme.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--<style type="text/css" media="all">-->
        <!--html,body{-->
            <!--height:1500px;-->
        <!--}-->
    <!--</style>-->
  </head>
  <body>
      <!--<div class="container">-->
      <!--<nav class='navbar navbar-default navbar-fixed-top' role='navigation'>-->
      <!--<nav class='navbar navbar-default navbar-fixed-bottom' role='navigation'>-->
      <nav class='navbar navbar-inverse navbar-fixed-top' role='navigation'>
      <div class="navbar-header">
        <button type='button' class="navbar-toggle" data-toggle='collapse' data-target='.navbar-collapse'>
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">MoveMe</a>
      </div>
      <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li>
                    <a href="index.html">Home</a>
                </li>
                <li>
                    <a href="blog.html">Blog</a>
                </li>
                <li class="active">
                    <a href="clients.html">Clients</a>
                </li>
                <li>
                    <a href="contact.html">Contact</a>
                </li>
                <li class="dropdown">
                <a href="#" classi='dropdown-toggle' data-toggle='dropdown'>Social <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="http://www.facebook.com"">Facebook</a></li>
                        <li><a href="http://www.twitter.com"">Twitter</a></li>
                        <li><a href="https://plus.google.com"">Google+</a></li>
                        <li><a href="http://www.linkdin.com"">LinkedIn</a></li>
                    </ul>
                </li>
            </ul>
      </div>
      </nav>
      <!--end navigation-->
      <div class="intro-block">
        <div class="container">
            <div class="row">
                <div class="col-xs-3">
                    <img src="images/moveMe.png" class='img-responsive tpad' alt="">
                </div>
                <div class="col-xs-9">
                    <h1>Move Me <span class="text-muted">&raquo; Clients</span> </h1>
                    <p class="lead">
                        Move Me is a unique App designed to elp people all over the world to get home quicker,by connecting with your local transport network.
                    </p>
                </div>
            </div>
        </div>
      </div>
      <!--End Intro Text-->
      <div class="container padded">
          <div class="row">
              <div class="col-lg-12">
                <h2>Our Clients</h2>
                <hr>
                <p>
                Many corporate clients use us to help their employees to navigate in their ddaily work lives,business trips and clients meetups,find out what we can do for you!
                </p>
              </div>
          </div>
          <div class="row tpad myTooltip">
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client one" class="thumbnail">
                      <img src="images/client-logo1.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client two" class="thumbnail">
                      <img src="images/client-logo2.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client three" class="thumbnail">
                      <img src="images/client-logo3.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client four" class="thumbnail">
                      <img src="images/client-logo4.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client five" class="thumbnail">
                      <img src="images/client-logo5.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client six" class="thumbnail">
                      <img src="images/client-logo6.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client seven" class="thumbnail">
                      <img src="images/client-logo7.png" alt="logo">
                  </a>
              </div>
              <div class="col-sm-6 col-md-3 bpad">
                  <a href="#" data-target="tooltip" title title-data-original-title="client eight" class="thumbnail">
                      <img src="images/client-logo8.png" alt="logo">
                  </a>
              </div>
          </div>
          <div class="row">
                <div class="col-lg-12">
                    <div class="panel-group" id='accordion'>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordian-toggle" data-toggle="collapse"data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-briefcase"</span> Commercial Clients</a>
                                </h4>
                            </div>
                            <div class='panel-collapse collapse' id="collapseOne">
                                <div class="panel-body">
                        Download the App for your device now and try it for yourself.No matter how regularly you make a journey this App will completely change the way you travel.
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordian-toggle" data-toggle="collapse"data-parent="#accordion" href="#collapseTow"><span class="glyphicon glyphicon-phone"</span> App store customers</a>
                                </h4>
                            </div>
                            <div class='panel-collapse collapse' id="collapseTow">
                                <div class="panel-body">
                        Download the App for your device now and try it for yourself.No matter how regularly you make a journey this App will completely change the way you travel.
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="accordian-toggle" data-toggle="collapse"data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-barcode"</span> Corporate Clients</a>
                                </h4>
                            </div>
                            <div class='panel-collapse collapse' id="collapseThree">
                                <div class="panel-body">
                        Download the App for your device now and try it for yourself.No matter how regularly you make a journey this App will completely change the way you travel.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
          </div>
      </div>
      <!--End Page Content -->
      <div class="marketing">
          <div class="container">
              <div class="row">
                <div class="col-sm-6">
                    <img class="img-responsive" alt="" src='images/app.png' />
                </div>
                <div class="col-sm-6">
                    <h3 class="tpad">ALWAYS ON HAND</h3><hr>
                    <p>
                        Download the App for your device now and try it for yourself.No matter how regularly you make a journey this App will completely change the way you travel.
                    </p>
                    <p>
                    <!--<a class="btn btn-large btn-primary" href="#">-->
                    <!--<a class="btn btn-large btn-default" href="#">-->
                    <!--<a class="btn btn-large btn-success" href="#">-->
                    <!--<a class="btn btn-large btn-info" href="#">-->
                    <!--<a class="btn btn-large btn-warning" href="#">-->
                    <!--<a class="btn btn-large btn-danger" href="#">-->
                    <!--<a class="btn btn-large btn-link" href="#">-->
                    <!--<a class="btn btn-large btn-primary" href="#">-->
                    <!--<a class="btn btn-small btn-primary" href="#">-->
                    <!--<a class="btn btn-xs btn-primary" href="#">-->
                    <a class="btn btn-large btn-primary" href="#">
                        Get it now!
                    </a>

                    </p>
                </div>
              </div>
          </div>
      </div>
      <!--End Marketing Section-->
      <div class="info">
          <div class="container">
              <div class="row">
                <div class="col-sm-6 tabbable">
                    <!--Tabs go here -->
                    <ul id="myTab" class='nav nav-tabs'>
                        <li class="active">
                            <a href="#android" data-toggle='tab'>Android</a>
                        </li>
                        <li>
                            <a href="#bb" data-toggle='tab'>Blackberry</a>
                        </li>
                        <li>
                            <a href="#ios" data-toggle='tab'>IOS</a>
                        </li>
                        <li>
                            <a href="#win" data-toggle='tab'>Windows</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class='tab-pane fade in active' id='android'>
                            <p><img src="images/gplay.jpg" alt="google" class='pull-right'>Android..Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum. <span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                        <div class='tab-pane fade in' id='bb'>
                            <p><img src="images/bbstore.jpg" alt="bb" class='pull-right'>Blackberry...Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum..<span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                        <div class='tab-pane fade in' id='ios'>
                            <p><img src="images/appstore.jpg" alt="IOS" class='pull-right'>IOS..Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum..<span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                        <div class='tab-pane fade in' id='win'>
                            <p><img src="images/winstore.jpg" alt="Windows" class='pull-right'>Windows...Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum..<span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star"> </span><span class="glyphicon glyphicon-star-empty"> </span></p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-sm-offset-2">
                    <!--Quote go here -->
                    <blockquote>
                        <p>&ldquo;This App has completely revolutionized the way we travel,we will never have to wait around in the rain for transport,we can time our day perfectly.I don't know how I ever lived without it.&rdquo;</p>
                        <small>James T.Kirk,<cite title="source title">Startship Enterprise</cite></small>
                    </blockquote>
                </div>
              </div>
          </div>
      </div>
      <!--Info panel end -->
      <div class="ftr">
        <div class="container">
            <div class="row">
                <footer>
                    <div class="pull-left ft_space">
                        <address>
                            <h3>MoveMe Inc.</h3>
                            208 Trafalgar Road<br>
                            Oakville,ON M6L 8^9<br>
                            <a href="mailto:first.last@move.com">Hello@move.com</a><br>
                            <abbr title="Phone">P:</abbr>906 123-4567
                        </address>
                    </div>
                    <div class="pull-right ft_space">
                        <img id="" src="images/moveMe.png" alt="" class="img-responsive" />
                        <p>
                            &copy;MoveMe.inc 2013
                        </p>
                    </div>
                </footer>
            </div>
        </div>
      </div>
      <!--</div>-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

